page {
	overflow: hidden;
}
.container {
	padding-bottom: 40rpx;
}
.green {
	color: #43c756;
	background-color: rgba(67, 199, 86, 0.1);
}
.gray {
	color: $color-tip;
	background-color: rgba($color-tip, 0.1);
}
.search-wrap {
	display: flex;
	justify-content: space-between;
	padding: 30rpx 30rpx;
	background-color: #fff;
	.search-input-inner {
		display: flex;
		align-items: center;
		width: 460rpx;
		height: 70rpx;
		padding: 0 30rpx;
		background-color: $color-bg;
		border-radius: 100rpx;
		box-sizing: border-box;
		.search-input-icon {
			margin-right: 10rpx;
			color: $color-tip;
		}
	}
	.search-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200rpx;
		height: 70rpx;
		color: #fff;
		border-radius: 100rpx;
		text {
			margin-right: 10rpx;
		}
	}
}
.item-inner {
	position: relative;
	margin: 0 30rpx 20rpx;
	background-color: #fff;
	border-radius: $border-radius;
	.item-wrap {
		display: flex;
		align-items: center;
		padding: 30rpx;
		.item-img {
			margin-right: 20rpx;
			width: 120rpx;
			height: 120rpx;
			border-radius: 50%;
		}
		.item-desc {
			flex: 1;
			.item-num-wrap {
				display: flex;
				align-items: center;
				color: $color-title;
				margin-bottom: $margin-updown;
				.item_info {
					flex: 1;
					display: flex;
					align-items: center;
					.item-name {
						max-width: 200rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.mobile-wrap {
						display: flex;
						align-items: center;
						margin-left: 30rpx;
						.iconfont {
							font-size: 34rpx;
							color: $color-title;
						}
					}
				}
				.status {
					padding: 0 16rpx;
					border-radius: $border-radius;
				}
				.item-tip {
					max-width: 140rpx;
					padding: 0 $padding;
					color: #fff;
					height: 44rpx;
					line-height: 44rpx;
					border-radius: 44rpx;
					font-size: $font-size-tag;
					overflow:hidden; 
					text-overflow:ellipsis;
					white-space:nowrap;
				}
			}
			.item-operation {
				display: flex;
				align-items: center;
				justify-content: space-between;
				line-height: 1;
				.item-price {
					font-size: 24rpx;
				}
				.iconshenglve {
					font-size: 48rpx;
					color: $color-tip;
				}
				&.store {
					margin-top: 10rpx;
				}
			}
		}
	}
	.operation {
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.6);
		display: flex;
		justify-content: space-around;
		align-items: center;
		border-radius: 10rpx;
		.operation-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			image {
				width: 64rpx;
				height: 64rpx;
			}
			text {
				margin-top: 20rpx;
				font-size: $font-size-tag;
				line-height: 1;
				color: #fff;
			}
			.is-admin{
				font-size: $font-size-base;
			}
		}
	}
}
.pop-wrap {
	width: 80vw;
	.title {
		padding: $padding 30rpx;
		text-align: center;
		position: relative;
		.close {
			position: absolute;
			right: 30rpx;
			top: 20rpx;
			height: 60rpx;
			width: 60rpx;
		}
	}
	.flex {
		display: flex;
		justify-content: space-between;
		margin: 0 $margin-both;
		padding: 30rpx 0;
		align-items: center;
		border-bottom: 1px solid $color-line;
		&.last_child {
			border-bottom: 0;
		}
		.flex_right {
			flex: 1;
			text-align: right;
		}
	}
	.action-btn {
		display: flex;
		justify-content: space-between;
		border-top: 1px solid $color-line;

		> view {
			flex: 1;
			text-align: center;
			padding: $padding;
			&.line {
				border-right: 1px solid $color-line;
			}
		}
	}
}
